<template>
  <div class="rightTop">
    <div class="visual_box">
      <div class="visual_title">仓位信息（米）</div>
      <Swiper class="swiper" :autoPlay="true" :showIndicator="false">
        <Slide>
        	<dv-capsule-chart :config="config_one" style="width: 92%" :style="{ height: chartHeightSize }"/>
        </Slide>
        <Slide>
        	<dv-capsule-chart :config="config_two" style="width: 92%" :style="{ height: chartHeightSize }"/>
        </Slide>
      </Swiper>
    </div>
  </div>
</template>
<script>
import { Swiper, Slide } from "vue-swiper-component";
export default {
  components: {
    Swiper,
    Slide,
  },
  data() {
    return {};
  },
  props: {
    chartHeightSize: {
      type: [Number, String],
      default: "",
    },
    config_one: {
      type: Object,
      default: "",
    },
    config_two: {
      type: Object,
      default: "",
    },
  },
};
</script>
<style lang="scss" scoped></style>
